<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入 Vue.js-->
    <script src="plugins/vue/dist/vue.min.js"></script>
    <!--引入axios-->
    <script src="plugins/axios/dist/axios.min.js"></script>
    <!--引入公共的js-->
    <script src="common/common.js"></script>
</head>
<body>

    <!--
        http://bugtracker.itsource.cn/callback.html?code=001NdG0w3cTxIW24gE3w3gfU2L1NdG0L&state=STATE
        1.获取页面url里面的code
            区网上 搜索 js获取url参数
        2.使用 appid  SECRET code  换区access_token
         （发送请求）
            2.1 请求是前端发送
                技术实现是可以发送
                不能通过前端发送请求？ SECRET 涉及一些安全问题

            2.2 把code参数发送给后台的controller 由后台发起请求


    -->
<h1 id="app">回调页面  获取code</h1>

</body>
<script>

    new Vue({
        el:"#app",
        methods:{
        },
        mounted(){
            //获取url  code参数
            let parm = getRequestUrl(); //Object { code: "001NdG0w3cTxIW24gE3w3gfU2L1NdG0L", state: "STATE" }
            //把code数据发送到后台
            this.$http.get("/wxUser/code?code="+parm.code).then(res=>{
                let {success,message,resultObj}=res.data;
                if (success){//resultObj  Map
                    localStorage.setItem("TOKEN",resultObj.token);
                    //JSON.stringify(resultObj.user)  把 js对象转换JSON字符串
                    localStorage.setItem("USER",JSON.stringify(resultObj.user));
                    //登录成功 跳转到首页
                    location.href="/index.html";
                }else {
                   //返回false 有两种情况，一种是封号   一种 没有绑定
                    if(message==="binder"){
                        //跳转到绑定页面
                        location.href=resultObj;
                    }else {
                        //用户账户数据异常
                        alert(message);
                        location.href="/index.html";
                    }


                }
            })

        }

    })

</script>
</html>